<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="1.2testcss.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1.2test</title>
</head>
<body>
<h1>
    1.2作业
</h1>
<div class="jianda">
    <p class="biaoti">简答</p>
    <p>1.相对定位是以参考标签加载的标准位置定位，不会脱离标准流，和原型形影分离，不会让出原来占的位置。绝对定位脱离标准流，必须搭配偏移量属性使用。</p>
    <p>2.元素等级：块级元素：可以设置宽高，独占一行<br>。行内元素：不能设置宽高，能被内容撑高。可以和其他行内元素或者行内块元素并排。<br>行内块元素：既可以设置宽高也可以和行内或者行内块元素并排，也具有标准流的微观特性。</p>
    <p>3.清除浮动方法：给父元素设置高度;内墙法：在盒子内部加一个伪类标签添加clear属性；外墙法：在标签之间加伪类标签；伪类法：在父盒子设置一个clearfix类名，给他添加一个伪类属性，再给这个伪类添加清除属性等。</p>
    <p>4.</p>
    <ul>
        <li>属性名</li>
        <li>属性值</li>
        <li>说明</li>
        <li>autoplay</li>
        <li>autoplay</li>
        <li>自动播放</li>
        <li>loop</li>
        <li>loop</li>
        <li>循环播放</li>
        <li>preload</li>
        <li>auto/none</li>
        <li>是否预加载视频</li>
        <li>src</li>
        <li>url</li>
        <li>视频地址</li>
        <li>controls</li>
        <li>controls</li>
        <li>视频的播放组件</li>
    </ul>
   <p>5.双冒号是H5的新规范，伪元素只能给双标签添加，伪元素内必须有属性content=""，冒号前不能有空格。</p>
   <p>6.标准盒模型盒模型是外扩的，width和height包含内边距；怪异模式盒模型是内减的，width和height不包括外边距。为元素指定的任意内边距和边框都将在已设定的width和height里递减。</p>
   <p class="biaoti"> 代码</p>
</div>
<!-- 盒子居中 -->
<p>盒子居中：</p>
<div class="box1"></div>
<div class="box2"></div>
<p>元素移动</p>
<div class="box3">
    <span class="animation"></span>
</div>
</body>
</html>